﻿@model List<Charades.Web.Models.PictureModel>
@{
	Layout = null;
	ViewBag.Title = "Коллекция. Рисуем и угадываем, Крокодил онлайн в браузере";
	ViewBag.SocialTitle = "Онлайн игра drawpi.co, рисуем и угадываем";
	ViewBag.SocialDescription = "Увлекательная бесплатная онлайн игра крокодил. Заходи прямо сейчас, рисуй в браузере и угадывай из более 4000 слов.";
	ViewBag.SocialImage = new Uri(ServerSettings.RootUrl, "/Content/Images/main.png");
}
<!DOCTYPE html>
<html>

<head>
	<title>@ViewBag.Title - drawpi.co</title>
	@{ Html.RenderPartial("_Icons");}
	@{ Html.RenderPartial("_SocialMeta");}
	@Styles.Render("~/Content/uikit")
</head>

<body>
	@{Html.RenderPartial("_TopMenu");}
	<div class="uk-container-center logo logo-static">
		<a href="@Url.Action("Index","Home")">
			<img src="@Url.Content("~/Content/Images/logo.svg")" alt="logo" />
		</a>
	</div>
	<div class="pic-container">
		<ul id="list" class="uk-grid uk-grid-small uk-grid-width-medium-1-4 uk-grid-width-large-1-5 fade-effect">
			@foreach (var p in Model)
			{
				<li class="uk-text-center pic-item">
					<a class="uk-thumbnail" href="@Url.Action("Picture", new { id = p.Id } )">
						<img src="@p.PictureUrl" alt="@p.Word" title="@p.Word">
						<div class="uk-thumbnail-caption">@p.Painter <span class="uk-text-bold">@p.Word</span></div>
					</a>
				</li>
			}
		</ul>
		<div class="uk-text-center uk-width-1-1 uk-margin-top" style="opacity: 0;">
			Загрузка&nbsp;&nbsp;<i class="uk-icon-spinner uk-icon-spin uk-icon-large"></i>
		</div>
	</div>
	@using (Html.BeginForm(null, null, FormMethod.Post, new { @class = "uk-hidden" }))
	{
		@Html.AntiForgeryToken()
	}
	@Scripts.Render("~/bundles/feed")
	@Styles.Render("~/Content/css")
	@{Html.RenderPartial("_Ya");}
</body>
</html>
